<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>图表统计</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../report_js/sysReport/reportLogChartStatic'
        };
    </script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>

</head>
<body class="site-body" style="background-color: #fff; overflow: auto;">
	<div data-layout='{"region":"north"}' class="topBar">
	    <div id="top">
	    </div>
	</div>
	<div class="data-num clearfix">
        <div class="item">
            <div class="item-box">
                <div class="ct-shadow">
                	<a id="seriousFault">
	                    <h4>总访问次数</h4>
	                    <p id="visitCount">0<em>次</em></p>
					</a>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="item-box">
                <div class="ct-shadow">
                	<a id="normalFault">
	                    <h4>总访问人数</h4>
	                    <p id="visitUserCount">0<em>人</em></p>
					</a>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="item-box">
                <div class="ct-shadow">
                	<a id="faultVehicles">
	                    <h4>客户访问次数</h4>
	                    <p id="sVisitCount">0<em>次</em></p>
					</a>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="item-box">
                <div class="ct-shadow">
                	<a id="unsafeBhvMore">
	                    <h4>客户访问人数</h4>
	                    <p id="sVisitUserCount">0<em>人</em></p>
                	</a>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="item-box">
                <div class="ct-shadow">
	                <a id="unsafeBhvDrvsMore">
	                    <h4>客户占比(%)</h4>
	                    <p id="visitPer">0</p>
	                </a>
                </div>
            </div>
        </div>
    </div>
    
    <div class="statistics-chart clearfix">
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="chart-inner" id="usersAccessCollection" style="height: 309px">
					</div>
				</div>
			</div>
		</div>
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="chart-inner" id="distributionByFunc" style="height: 309px">
					</div>
				</div>
			</div>
		</div>
	</div>
    
    <div class="statistics-chart clearfix">
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="chart-inner" id="usersAccessRateByDays" style="height: 309px">
					</div>
				</div>
			</div>
		</div>
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="chart-inner" id="usersAccessRateByHours" style="height: 309px">
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="statistics-chart clearfix">
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="chart-inner" id="top10OfQuery" style="height: 309px">
					</div>
				</div>
			</div>
		</div>
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="chart-inner" id="top10OfFunc" style="height: 309px">
					</div>
				</div>
			</div>
		</div>
	</div>
			
</body>
</html>